<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./../templates/structAdmin.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui">

    <ui:define name="content">

        <p:panel header="Registrar Venta" style="border: 0">
            <br />
            <h:form id="formRC">


                <p:panel header="Cliente">
                    <h:panelGrid columns="4" cellpadding="5" >
                        <h:outputText value="Nombre:"/>
                        <p:inputText value="" disabled="true" />  

                        <p:commandButton id="buscar-cliente" style="font-size: 12px" value="Buscar" icon="ui-icon-search" />  
                        <p:commandButton id="calcelar-cliente" style="font-size: 12px" value="Cancelar" icon="ui-icon-cancel" />  
                    </h:panelGrid>
                </p:panel>

                <p:panel header="Producto">
                    <h:panelGrid columns="4" cellpadding="5" >
                        <h:outputText value="Nombre:"/>
                        <p:inputText value="" disabled="true" />  

                        <p:commandButton id="buscar-producto" style="font-size: 12px" value="Buscar" icon="ui-icon-search" />  
                        <p:commandButton id="calcelar-producto" style="font-size: 12px" value="Cancelar" icon="ui-icon-cancel" />  

                        <h:outputText value="Cantidad:"/>
                        <p:inputText value=""  />  
                 
                    </h:panelGrid>
                </p:panel>
                <p:commandButton style="text-align: right;margin: auto;position: relative;" value="Agregar" icon="ui-icon-disk" />
                <br />

                <br />
                <p:dataTable id="dataTable" var="cliente" value=""  
                             paginator="true" rows="5"  
                             paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                             rowsPerPageTemplate="5,10,15" >  
                    <f:facet name="header">  
                        Clientes Registrados
                    </f:facet>  

                    <p:column>  
                        <f:facet name="header">  
                            <h:outputText value="Codigo" />  
                        </f:facet>  
                        <h:outputText value="" />  
                    </p:column>  

                    <p:column>  
                        <f:facet name="header">  
                            <h:outputText value="Nombre" />  
                        </f:facet>  
                        <h:outputText value="" />  
                    </p:column> 

                    <p:column>  
                        <f:facet name="header">  
                            <h:outputText value="Vr. Unit" />  
                        </f:facet>  
                        <h:outputText value="" />  
                    </p:column>  

                    <p:column>  
                        <f:facet name="header">  
                            <h:outputText value="Cant" />  
                        </f:facet>  
                        <h:outputText value="" />  
                    </p:column>  

                    <p:column>  
                        <f:facet name="header">  
                            <h:outputText value="Costo" />  
                        </f:facet>  
                        <h:outputText value="" />  
                    </p:column>  

                </p:dataTable>  

                <br />
                <p:commandButton value="Devolver" icon="ui-icon-cancel"  />

                <br /><br />
                <h:form id="formtotal">
                    <p:panel header="Detalle" >
                        <h:panelGrid columns="2" cellpadding="5" >
                            <h:outputLabel value="Total:" />
                            <p:inputText value="" disabled="true" />

                            <h:outputLabel value="Fecha:" />
                            <p:calendar />
                        </h:panelGrid>
                    </p:panel>
                </h:form>

                <p:separator />
                
                <p:commandButton value="Registrar Venta" icon="ui-icon-disk"  />
                <p:commandButton value="Cencelar" icon="ui-icon-cancel" type="reset"  />
            </h:form>
        </p:panel>


    </ui:define>

</ui:composition>


<!--
   <p:separator />

        <h:form prependId="false" id="formClientes">  

            <p:dataTable id="dataTable" var="cliente" value=""  
                         paginator="true" rows="5"  
                         paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                         rowsPerPageTemplate="5,10,15" >  
                <f:facet name="header">  
                    Clientes Registrados
                </f:facet>  

                <p:column>  
                    <f:facet name="header">  
                        <h:outputText value="Cedula" />  
                    </f:facet>  
                    <h:outputText value="" />  
                </p:column>  

                <p:column>  
                    <f:facet name="header">  
                        <h:outputText value="Nombre" />  
                    </f:facet>  
                    <h:outputText value="" />  
                </p:column> 

                <p:column>  
                    <f:facet name="header">  
                        <h:outputText value="Apellido" />  
                    </f:facet>  
                    <h:outputText value="" />  
                </p:column>  

                <p:column>  
                    <f:facet name="header">  
                        <h:outputText value="Ciudad" />  
                    </f:facet>  
                    <h:outputText value="" />  
                </p:column>  

            </p:dataTable>  
        </h:form>  
-->

